<!--
 * 功能： 项目体系列表-item组件
 * 作者： caihan
 * 日期:  2021-8-17 3:47:01 ?F10: PM?
 -->
<template>
	<view class="article-layout flex-column py20" @click.stop="onClickItem">
		<view class="line-h2 fs32 mx30" style="width: 630rpx;">{{data.name}}</view>
	</view>
</template>

<script>
	export default {
		name: 'project-tree-item',
		components: {},
		data() {
			return {}
		},
		props: {
			data: {
				type: Object,
				default: () => {
					return {
						children: [],
						courseId: 13,
						id: 294,
						name: "完整项目",
						order: 145000,
						parentChapterId: 293,
						userControlSetTop: false,
						visible: 0
					}
				}
			}
		},
		computed: {
			//计算属性
		},
		watch: {},
		mounted() {
			//挂载到实例上去之后调用
			this.$nextTick(() => {
				// Code that will run only after the
				// entire view has been rendered
			})
		},
		created() {
			//在实例创建完成后被立即调用
		},
		methods: {
			onClickItem: function() {
				this.$navTo(`/packages/article/article-list-page?cid=${this.data.id}&showType=2`);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.article-layout {
		width: 690rpx;
		border-radius: 10rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
		background-color: $cmain;
		margin-bottom: 20rpx;
		margin-top: 20rpx;
		color: $cfff;
	}
</style>
